<template>
  <div class="title-bar">
    {{ title }}
  </div>
</template>
<style lang="less" scoped>
@import url("@/assets/theme/base.less");
.title-bar {
  position: relative;
  margin: 0 10px 20px;
  padding: 0 10px;
  color: @--color-primary;

  &::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 2px;
    width: 5px;
    height: 16px;
    border-radius: 4px;
    background-color: @--color-primary;
  }
}
</style>

<script lang="ts" setup>
defineProps({
  title: String,
});
</script>
